html {height: 100%}
body {height: 100%;margin: 0px;padding: 0px;}
#container {flex-grow:1; height: 100%;}
#header{padding:10px;display:flex;flex-flow:column;background-color:lemonchiffon;}
span {white-space: pre-line;}
table {margin:0 auto; text-align: center;}
th {padding:5px; text-align: center;}
td {padding:5px; text-align: center;}
.list-itm>:nth-child(1){
    font-weight: bold;
}
.list-itm {
    width:auto;
    margin:2px;
    padding:5px;
    background-color: rgb(250, 250, 250);
    border:2px solid rgb(198, 198, 198);
    border-radius:5px;
    display:flex;
    justify-content:space-between;
    flex: auto;
    flex-direction:column;
    text-align: center;
}
.list-itm:hover{
    background-color: rgb(230, 230, 230);
}
.list-itm:active{
    background-color: rgb(210, 210, 210);
}
.plist{
    padding:10px;
    width:100%;
    display:flex;
    flex-direction:row;
}
.list-itm > div >.btn{
    margin-top:5px;
    padding:5px 10px;
}